Brakt
Documentation
Documentation
Thank you so much to purchase our template, I hope you love it,
and don't forget to rate 5 stars! 
From Downloads Page
Step 1 : You can install the theme by going to the following path: Dashboard > Template > Backup / Restore > choose the "Brakt.xml" file and click on Import from computer button and save , see images below & well done!
Step 2 : You can also install your theme by going to the following path: Dashboard > Template > Template HTML click on it and select all using keyboard shortcut Ctrl+A and delete all, then you will go to the "Brakt.xml" file and open them with an editor software like "Notepad" and select all and come back again to blogger editor and paste all this code and save tempalte, see tutorial video to know how & well done!
You can Activate the responsive for mobile and tablet and other devices by going to the following path: Dashboard > Template > Settings Button for mobile and click on it!
Now Select No. Show desktop template on mobile devices! and click on save! and well done!
First Go to Dashboard > Theme > Customize > Advanced > Template Colors and you will find the 3 colors selectors the " Main Color " & " Firts " & " Secound "
The Main Color is the main color of the Template and The First and Second is the Gradients Color so you should choose a similar colors as you see down the the image and click on Apply to Blog and well done!
First Go to Dashboard > Layout > Edit Main Menu > Configure Link List
On "New Site Name" field add your menu title
And on "New Site URL" field add your url adress.
Note ! this setup work also on " Footer Menu "
First Go to Dashboard > Layout > Edit Footer Social Media Icons > Configure Link List
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
rss
youtube
skype
stumbleupon
tumblr
vine
stack-overflow
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
delicious
apple
android
Go to your dashboard > Your Blog > Layout > Logo and click on Edit , and upload your logo, but do not forget to choose "Instead of title and description" option & you well done!
Go to your dashboard > Your Blog > Layout > Theme Options > Top Menu Widget for Desktop & iPads and click on Edit link, and follow this steps below & you well done!
To add Sub Menu Level 1.1 just add one underscore "_" before navigation name.
The order should be like this :
The Parent
_The Sub Child of Parent
// Example
Home
Categories
_Life Style
_Travel
_Music
About Me
Contact
Go to your dashboard > Your Blog > Layout > Main Menu > click edit > and follow the steps down below & you well done!
The Label Name
mega/Label
// Example
mega/Food
The Label Link
/search/label/Label
// Example
/search/label/Food
For example
Go to your dashboard > Your Blog > Layout > Intro Posts Slider > Intro Posts Slider Widget and click on Edit link,
type " recent " to show the recent posts and if you want to show posts by " Label " just type the label name and just follow this steps below & you well done!
// to show recent posts
just type : recent
// to show post by label
just type : label name
This is an example to show posts by label on slider :
Go to your dashboard > Your Blog > Layout > Slider Style > Slider Style Widget and click on Edit link,
type " wide slider " to show the slider with wide style if you want to show the default style just type " none " and just follow this steps below & you well done!
// to show the wide style
just type : wide style
// to show the default style
just type : none
For example
Go to your dashboard > Your Blog > Layout > Favourite Posts > Favourite Posts Widget and click on Edit link,
type " recent " to show the recent posts and if you want to show posts by " Label " just type the label name and just follow this steps below & you well done!
// to show recent posts
just type : recent
// to show post by label
just type : label name
For Example
Go to your dashboard > Your Blog > Layout > Blog Widget and click on Edit link, you should follow this steps below & you well done!
You can add ad on up your post area , Just go to your dashboard > Your Blog > Layout > Post Ad Area and click on Edit
and put your Advertisement code in the widget and you well done!
For Example
Brakt come with 4 Post Style the " List style , Classic style , Grid style and Portfolio Style " the default style is the Classis , To activate the " Grid style " just go to your dashboard > Your Blog > Layout > Post Home Style Widget and click on Edit
and type " grid " and if you want to activate the " List style " just type " list " , and if you want to activate the " Portfolio style " just type " portfolio " and you well done!
Note ! if you want to use the Classic Style just type " classic "
For Example
The Style's
To show the Author Bio box , First Go to Dashboard > Layout > Edit Blog Posts > and make sure it's look like the pictuer down below & you well done!
Note ! You most put your information in your " Google + " acount to show it in your blog Click Here
The result
And you done
Go to your dashboard > Your Blog > Layout > Widget click on Edit link, you should follow this steps below for each widget & you well done!
On About Me Click Edit link and and upload you Background Cover
On Your Picture Click Edit link , and upload your Picture
On MIX THEME Click Edit link , and type your name and your Description
On Profile Social Icons Click Edit link ,
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
rss
youtube
skype
stumbleupon
tumblr
vine
vk
stack-overflow
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
delicious
apple
android
You can show and hide " About Me Widget " just go to your dashboard > Your Blog > Layout > Hide About me and click on Edit and type hide and you and click save and you well done!
For Example
Go to your dashboard > Your Blog > Layout > Instagram Widget and click on Edit link, you should follow this steps below & you well done!
Now your question is where I can get this Widget ID? this is the instructions how create a valid ID to use!
First Go to Dashboard > Layout > Edit Footer Social Icons > Configure Link List
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
rss
youtube
skype
stumbleupon
tumblr
vine
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
apple
android
vk
You can show and hide " Instagram Widget " just go to your dashboard > Your Blog > Layout > Hide Instagram Widget and click on Edit and type hide and click save and you well done!
For Example
Go to your dashboard > Your Blog > Layout > Template Options > Boxed Style &gr; click edit and type boxed and you well done! and if want to get back the wide layout just delete " boxed " .
Go to your dashboard > Your Blog > Layout > Template Options > Hide Footer &gr; click edit and type hide and you well done! and if want to show the footer again just delete " hide " or type Show .
Go to your dashboard > Your Blog > Layout > Template Options > Dark Skin &gr; click edit and type dark and you well done! and if want to active again the light skin just delete " dark " or type light .
Go to your dashboard > Your Blog > Layout > Template Options > Hide Favorite Posts &gr; click edit and type hide and you well done! and if want to show the Favorite Posts again just delete " hide " or type Show .
Go to your dashboard > Your Blog > Posts > after you write your post add this shortcode in the end
[favorite]
Go to your dashboard > Your Blog > Posts or Pages > Select one, Add some of Buttons code below & you well done!
// Small Button
<a class= "button small red" href=" # "> Button Text </a >
<a class= "button small pink" href=" # "> Button Text </a >
<a class= "button small black" href=" # "> Button Text </a >
<a class="button small green" href=" # "> Button Text </a >
<a class= "button small orange" href=" # "> Button Text </a >
<a class= "button small yellow" href=" # "> Button Text </a >
<a class= "button small blue" href=" # "> Button Text </a >
// Normal Button
<a class=" button medium red " href=" # "> Button Text </a >
<a class=" button pink " href=" # "> Button Text </a >
<a class=" button black " href=" # "> Button Text </a >
<a class=" button green " href=" # "> Button Text </a >
<a class=" button orange " href=" # "> Button Text </a >
<a class=" button yellow " href=" # "> Button Text </a >
<a class=" button blue " href=" # "> Button Text </a >
For example
Go to your dashboard > Your Blog > Posts or Pages > Select one, Add some of Buttons code below & you well done!
// Alert message
<div class="alert-message alert">
Alert message : This alert needs your attention.
</div>
// Warning message
<div class="alert-message warning">
Warning message : Warning! Best check yo self.
</div>
// Error message
<div class="alert-message error">
Error message : Oh snap! Change a few things up.
</div>
For example
Go to your dashboard > Your Blog > Posts or Pages > Select one > Type this shortcode "[contact-form]" if you want show a contact form on your page or post & you well done!
[contact-form]
For example
Go to your dashboard > Your Blog > Posts or Pages > Select one > Type this shortcode "[left-sidebar]" if you want to apply Left Sidebar Layout on your page or post, or type "[right-sidebar]" if you want to apply Right Sidebar Layout on your page or post, or type "[full-width]" if you want to apply Full Width Layout on your page or post & you well done!
[left-sidebar] / [right-sidebar] / [full-width]
For example
If You Need Any Help Please Contact Us
Mix Theme Team